$(function(){
    console.log("start");
    initStart();
    function initStart(){
        for(let i=1;i<=6;i++){
            $("#typeid"+i).on("click",function(){
                $("#typeid"+i).siblings().removeClass("spanText");
                $(this).addClass("spanText");
                if($(this).hasClass("spanText")){
                    console.log(this);
                    for(let j=1;j<=3;j++){
                        $("#spanid"+j).on("click",function(){
                            $("#spanid"+j).siblings().removeClass("spanText");
                            $(this).addClass("spanText");
                            if($(this).hasClass("spanText")){
                                console.log(this);
                                initStart();
                            };
                        })
                    }
                }
            })
        };

    }
})